<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>JavaScript零基础到精通 | 事件流 | 面向对象 | 闭包 | 实战案例</title>
        <!--    引入网站图标   -->
        <link rel="icon" href="../images/favicon.ico" />
        <!--    重置默认样式   -->
        <link rel="stylesheet" href="../css/reset.css" />
        <!-- 公共样式 -->
        <link rel="stylesheet" href="../css/common.css" />
        <!-- 顶部栏和底部栏 -->
    
        <link rel="stylesheet" href="../css/base.css" />
        <!-- 页面样式 -->
        <link rel="stylesheet" href="../css/Payvideo/Payvideo.css" />
        <script src="../js/iconfont.js"></script>
  </head>
  <body>
        <!-- 回到顶部 -->
        <div id="js-jump-container" class="js-jump-container">
          <a
            href="javascript:void(0)"
            class="mod-side-operation__jump-to-top"
            id="js-jump-to-top"
          >
            <svg class="icon" aria-hidden="true">
              <use xlink:href="#icon-huidaodingbu"></use>
            </svg>
          </a>
        </div>
    <header class="tx_header_area">
        <div class="container">
          <!-- logo 区域 -->
          <div class="logo_area">
            <h1>
              <a href="index.html" title="腾讯课堂">腾讯课堂</a>
            </h1>
          </div>
          <!-- 分类区域 -->
          <div class="fenClass_area">
            <div class="class_title">
              <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-category"></use>
              </svg>
              <span>分类</span>
            </div>
            <!-- 分类详情  left_sele是带·的标题类名 -->
            <nav class="class_desc">
              <ul class="desc_tap">
                <li>
                  <div class="left_sele">
                    <h3>IT·互联网</h3>
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                  <div class="left_con">
                    <span>前端开发</span>
                    <span>JAVA</span>
                    <span>产品策划</span>
                  </div>
                </li>
                <li>
                  <div class="left_sele">
                    <h3>设计·创作</h3>
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                  <div class="left_con">
                    <span>平面设计</span>
                    <span>室内设计</span>
                    <span>绘画创作</span>
                  </div>
                </li>
                <li>
                  <div class="left_sele">
                    <h3>电商·营销</h3>
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                  <div class="left_con">
                    <span>电商平台</span>
                    <span>跨境电商</span>
                    <span>社交电商</span>
                  </div>
                </li>
                <li>
                  <div class="left_sele">
                    <h3>职业·考证</h3>
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                  <div class="left_con">
                    <span>公务员</span>
                    <span>教师考试</span>
                    <span>建筑工程</span>
                  </div>
                </li>
                <li>
                  <div class="left_sele">
                    <h3>升学·考研</h3>
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                  <div class="left_con">
                    <span>考研</span>
                    <span>大学</span>
                    <span>高中</span>
                    <span>初中</span>
                  </div>
                </li>
                <li>
                  <div class="left_sele">
                    <h3>兴趣·生活</h3>
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                  <div class="left_con">
                    <span>摄影</span>
                    <span>乐器演奏</span>
                    <span>美妆</span>
                    <span>育儿</span>
                  </div>
                </li>
                <li>
                  <div class="left_sele">
                    <h3>语言·留学</h3>
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-arrow-right-copy"></use>
                    </svg>
                  </div>
                  <div class="left_con">
                    <span>实用英语</span>
                    <span>雅思</span>
                    <span>托福</span>
                  </div>
                </li>
              </ul>
  
              <div class="right_area">
                <div class="right_panel">
                  <ul>
                    <li>
                      <h3>互联网产品</h3>
                      <div>
                        <span> 电子竞技 </span>
                        <span> 产品策划 </span>
                        <span> 产品运营 </span>
                        <span> 新媒体营销 </span>
                        <span> SEO </span>
                        <span> SEM </span>
                        <span> 游戏策划</span>
                        <span> 游戏运营</span>
                        <span> 网络营销理论</span>
                      </div>
                    </li>
                    <li>
                      <h3>编程语言</h3>
                      <div>
                        <span>Python </span>
                        <span>Python小课</span>
                        <span> 数据分析 </span>
                        <span> C#/.Net </span>
                        <span> C/C++ </span>
                        <span> PHP</span>
                        <span> Go语言 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>Java开发</h3>
                      <div>
                        <span> Java进阶 </span>
                        <span> Java零基础 </span>
                      </div>
                    </li>
                    <li>
                      <h3>前端开发</h3>
                      <div>
                        <span>0基础就业课</span>
                        <span>实战进阶课</span>
                        <span> 技术专题课</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>移动开发</h3>
                      <div>
                        <span> Android开发 </span>
                        <span>OS开发</span>
                        <span>微信开发</span>
                        <span> 跨平台APP开发</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>网络与运维</h3>
                      <div>
                        <span> Linux运维</span>
                        <span> Python自动化运维</span>
                        <span> DevOps 信息安全</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>游戏开发</h3>
                      <div>
                        <span> Unity3d游戏开发</span>
                        <span> Cocos2d-x游戏开发</span>
                        <span> 游戏服务器开发</span>
                        <span> Html5游戏</span>
                        <span> UE4</span>
                        <span> VR/AR </span>
                        <span> OpenGL</span>
                        <span> 开发 </span>
                        <span> egret </span>
                        <span> 游戏开发 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>软件测试</h3>
                      <div>
                        <span>零基础入门 </span>
                        <span>自动化测试 </span>
                        <span>测试开发 </span>
                        <span>性能测试 </span>
                        <span>其他 </span>
                        <span>ISTQB考证</span>
                      </div>
                    </li>
                    <li>
                      <h3>云计算大数据</h3>
                      <div>
                        <span> 云计算 </span>
                        <span> 大数据 </span>
                        <span> 人工智能 </span>
                        <span> 物联网 </span>
                        <span> 区块链 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>硬件研发</h3>
                      <div>
                        <span>嵌入式开发 </span>
                        <span>IC设计 </span>
                        <span>其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>认证考试</h3>
                      <div>
                        <span> 思科认证 </span>
                        <span> 华为认证 </span>
                        <span> 红帽认证 </span>
                        <span> 软考 </span>
                        <span> 腾讯云认证 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="right_panel">
                  <ul>
                    <li>
                      <h3>平面设计</h3>
                      <div>
                        <span> 电商美工 </span>
                        <span> 综合平面设计 </span>
                        <span> 摄影后期</span>
                      </div>
                    </li>
                    <li>
                      <h3>设计软件</h3>
                      <div>
                        <span> Photoshop </span><span> Indesign</span>
                        <span> Axure </span> <span> CDR </span>
                        <span> Illustrator</span> <span> Dreamweaver </span>
                        <span> CAD</span> <span> UG </span>
                        <span> Solidworks </span> <span> Sketchup</span>
                        <span> Rhino3D </span> <span> Pro/E </span>
                        <span> ZBrush </span> <span> Cinema </span>
                      </div>
                    </li>
                    <li>
                      <h3>环境艺术设计</h3>
                      <div>
                        <span> 室内设计</span>
                        <span> 建筑设计 </span>
                        <span> 景观设计 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>绘画创作</h3>
                      <div>
                        <span> 插画 </span>
                        <span> 漫画绘本 </span>
                        <span> 国画油画 </span>
                        <span> 水彩水粉画</span>
                        <span> 素描 </span>
                        <span> 彩铅手绘 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>工业产品设计</h3>
                      <div>
                        <span> 模具设计 </span>
                        <span> 机械设计 </span>
                        <span> 产品设计</span>
                        <span> 智能制造 </span>
                        <span> 包装设计 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>UI设计</h3>
                      <div>
                        <span> 交互设计 </span>
                        <span> 游戏UI设计</span>
                        <span> Web</span>
                        <span> UI设计</span>
                        <span> APP</span>
                        <span> UI设计</span>
                        <span> 腾讯设计学院</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>游戏美术设计</h3>
                      <div>
                        <span> 游戏角色设计</span>
                        <span> 场景概念设计</span>
                        <span> 游戏模型设计 </span>
                        <span> 游戏特效设计</span>
                        <span> 游戏美宣</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>影视设计</h3>
                      <div>
                        <span> 动画设计</span>
                        <span> 包装与剪辑 </span>
                        <span> 特效与后期 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>服装设计</h3>
                      <div>
                        <span> 服装设计</span>
                        <span> 服装打版 </span>
                        <span> 配饰设计</span>
                        <span> 其他 </span>
                      </div>
                    </li>
                    <li>
                      <h3>其他</h3>
                      <div>
                        <span>其他</span>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="right_panel">
                  <ul>
                    <li>
                      <h3>电商平台</h3>
                      <div>
                        <span> 淘宝营销 </span>
                        <span> 拼多多营销 </span>
                        <span> 京东营销 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>跨境电商</h3>
                      <div>
                        <span> 亚马逊 </span>
                        <span> Shopee(虾皮)</span>
                        <span> 速卖通</span>
                        <span> 阿里国际站</span>
                        <span> 独立站</span>
                        <span> 其他平台</span>
                      </div>
                    </li>
                    <li>
                      <h3>社交电商</h3>
                      <div>
                        <span>直播短视频电商 </span>
                        <span>微信电商</span>
                        <span> 社群营销</span>
                        <span> 自媒体营销</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>其他</h3>
                      <div>
                        <span>其他</span>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="right_panel">
                  <ul>
                    <li>
                      <h3>互联网产品</h3>
                      <div>
                        <span> 电子竞技 </span>
                        <span> 产品策划 </span>
                        <span> 产品运营 </span>
                        <span> 新媒体营销 </span>
                        <span> SEO </span>
                        <span> SEM </span>
                        <span> 游戏策划</span>
                        <span> 游戏运营</span>
                        <span> 网络营销理论</span>
                      </div>
                    </li>
                    <li>
                      <h3>编程语言</h3>
                      <div>
                        <span>Python </span>
                        <span>Python小课</span>
                        <span> 数据分析 </span>
                        <span> C#/.Net </span>
                        <span> C/C++ </span>
                        <span> PHP</span>
                        <span> Go语言 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>Java开发</h3>
                      <div>
                        <span> Java进阶 </span>
                        <span> Java零基础 </span>
                      </div>
                    </li>
                    <li>
                      <h3>前端开发</h3>
                      <div>
                        <span>0基础就业课</span>
                        <span>实战进阶课</span>
                        <span> 技术专题课</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>移动开发</h3>
                      <div>
                        <span> Android开发 </span>
                        <span>OS开发</span>
                        <span>微信开发</span>
                        <span> 跨平台APP开发</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>网络与运维</h3>
                      <div>
                        <span> Linux运维</span>
                        <span> Python自动化运维</span>
                        <span> DevOps 信息安全</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>游戏开发</h3>
                      <div>
                        <span> Unity3d游戏开发</span>
                        <span> Cocos2d-x游戏开发</span>
                        <span> 游戏服务器开发</span>
                        <span> Html5游戏</span>
                        <span> UE4</span>
                        <span> VR/AR </span>
                        <span> OpenGL</span>
                        <span> 开发 </span>
                        <span> egret </span>
                        <span> 游戏开发 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>软件测试</h3>
                      <div>
                        <span>零基础入门 </span>
                        <span>自动化测试 </span>
                        <span>测试开发 </span>
                        <span>性能测试 </span>
                        <span>其他 </span>
                        <span>ISTQB考证</span>
                      </div>
                    </li>
                    <li>
                      <h3>云计算大数据</h3>
                      <div>
                        <span> 云计算 </span>
                        <span> 大数据 </span>
                        <span> 人工智能 </span>
                        <span> 物联网 </span>
                        <span> 区块链 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>硬件研发</h3>
                      <div>
                        <span>嵌入式开发 </span>
                        <span>IC设计 </span>
                        <span>其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>认证考试</h3>
                      <div>
                        <span> 思科认证 </span>
                        <span> 华为认证 </span>
                        <span> 红帽认证 </span>
                        <span> 软考 </span>
                        <span> 腾讯云认证 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="right_panel">
                  <ul>
                    <li>
                      <h3>平面设计</h3>
                      <div>
                        <span> 电商美工 </span>
                        <span> 综合平面设计 </span>
                        <span> 摄影后期</span>
                      </div>
                    </li>
                    <li>
                      <h3>设计软件</h3>
                      <div>
                        <span> Photoshop </span><span> Indesign</span>
                        <span> Axure </span> <span> CDR </span>
                        <span> Illustrator</span> <span> Dreamweaver </span>
                        <span> CAD</span> <span> UG </span>
                        <span> Solidworks </span> <span> Sketchup</span>
                        <span> Rhino3D </span> <span> Pro/E </span>
                        <span> ZBrush </span> <span> Cinema </span>
                      </div>
                    </li>
                    <li>
                      <h3>环境艺术设计</h3>
                      <div>
                        <span> 室内设计</span>
                        <span> 建筑设计 </span>
                        <span> 景观设计 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>绘画创作</h3>
                      <div>
                        <span> 插画 </span>
                        <span> 漫画绘本 </span>
                        <span> 国画油画 </span>
                        <span> 水彩水粉画</span>
                        <span> 素描 </span>
                        <span> 彩铅手绘 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>工业产品设计</h3>
                      <div>
                        <span> 模具设计 </span>
                        <span> 机械设计 </span>
                        <span> 产品设计</span>
                        <span> 智能制造 </span>
                        <span> 包装设计 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>UI设计</h3>
                      <div>
                        <span> 交互设计 </span>
                        <span> 游戏UI设计</span>
                        <span> Web</span>
                        <span> UI设计</span>
                        <span> APP</span>
                        <span> UI设计</span>
                        <span> 腾讯设计学院</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>游戏美术设计</h3>
                      <div>
                        <span> 游戏角色设计</span>
                        <span> 场景概念设计</span>
                        <span> 游戏模型设计 </span>
                        <span> 游戏特效设计</span>
                        <span> 游戏美宣</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>影视设计</h3>
                      <div>
                        <span> 动画设计</span>
                        <span> 包装与剪辑 </span>
                        <span> 特效与后期 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>服装设计</h3>
                      <div>
                        <span> 服装设计</span>
                        <span> 服装打版 </span>
                        <span> 配饰设计</span>
                        <span> 其他 </span>
                      </div>
                    </li>
                    <li>
                      <h3>其他</h3>
                      <div>
                        <span>其他</span>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="right_panel">
                  <ul>
                    <li>
                      <h3>电商平台</h3>
                      <div>
                        <span> 淘宝营销 </span>
                        <span> 拼多多营销 </span>
                        <span> 京东营销 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>跨境电商</h3>
                      <div>
                        <span> 亚马逊 </span>
                        <span> Shopee(虾皮)</span>
                        <span> 速卖通</span>
                        <span> 阿里国际站</span>
                        <span> 独立站</span>
                        <span> 其他平台</span>
                      </div>
                    </li>
                    <li>
                      <h3>社交电商</h3>
                      <div>
                        <span>直播短视频电商 </span>
                        <span>微信电商</span>
                        <span> 社群营销</span>
                        <span> 自媒体营销</span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>其他</h3>
                      <div>
                        <span>其他</span>
                      </div>
                    </li>
                  </ul>
                </div>
                <div class="right_panel">
                  <ul>
                    <li>
                      <h3>平面设计</h3>
                      <div>
                        <span> 电商美工 </span>
                        <span> 综合平面设计 </span>
                        <span> 摄影后期</span>
                      </div>
                    </li>
  
                    <li>
                      <h3>环境艺术设计</h3>
                      <div>
                        <span> 室内设计</span>
                        <span> 建筑设计 </span>
                        <span> 景观设计 </span>
                        <span> 其他</span>
                      </div>
                    </li>
  
                    <li>
                      <h3>工业产品设计</h3>
                      <div>
                        <span> 模具设计 </span>
                        <span> 机械设计 </span>
                        <span> 产品设计</span>
                        <span> 智能制造 </span>
                        <span> 包装设计 </span>
                        <span> 其他</span>
                      </div>
                    </li>
                    <li>
                      <h3>UI设计</h3>
                      <div>
                        <span> 交互设计 </span>
                        <span> 游戏UI设计</span>
                        <span> Web</span>
                        <span> UI设计</span>
                        <span> APP</span>
                        <span> UI设计</span>
                        <span> 腾讯设计学院</span>
                        <span> 其他</span>
                      </div>
                    </li>
  
                    <li>
                      <h3>其他</h3>
                      <div>
                        <span>其他</span>
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
            </nav>
          </div>
  
          <!-- 搜索区域 -->
  
          <div class="seachar_area">
            <div class="seachar_selc">
              <span>
                课程
                <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-arrow"></use>
                </svg>
              </span>
            </div>
            <div class="seachar_input">
              <input type="text" class="" placeholder="搜索课程" />
              <div class="btn_search" style="cursor: pointer">
                <svg class="icon" aria-hidden="true">
                  <use xlink:href="#icon-iconfontsousuo"></use>
                </svg>
              </div>
            </div>
  
            <!-- 历史搜索 -->
            <div class="history_search">
              <div class="his_search">
                <div class="his_title">
                  <span>历史搜索</span>
                  <span class="empty">
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-lajitong"></use>
                    </svg>
                    清空
                  </span>
                </div>
                <div class="his_con"></div>
              </div>
              <div class="hot_search">
                <div class="hot_title">
                  <span>热门搜索</span>
                </div>
                <div class="hot_con">
                  <a href="javascript:;" title="Vue">Vue</a>
                  <a href="javascript:;" title="Java">Java</a>
                  <a href="javascript:;" title="python">python</a>
                  <a href="javascript:;" title="拼多多">拼多多</a>
                </div>
              </div>
            </div>
          </div>
  
          <!-- 右边栏信息+个人信息 -->
          <div class="rightKH_area">
            <div class="right_common">
              <p class="">入驻/合作</p>
              <ul class="right_select">
                <li><a title="个人入驻" target="_blank">个人入驻</a></li>
                <li><a title="机构入驻" target="_blank">机构入驻</a></li>
                <li>
                  <a title="分销课程 " target="_blank">分销课程</a>
                </li>
                <li>
                  <a title="企业合作" target="_blank">企业合作</a>
                </li>
              </ul>
            </div>
            <div class="right_common quick_download">极速版</div>
            <div class="right_common" style="margin-left: 40px">
              <p class="">客户端</p>
              <ul class="right_select">
                <li><a title="Win客户端" target="_blank">Win客户端</a></li>
                <li><a title="Mac客户端" target="_blank">Mac客户端</a></li>
                <li>
                  <a title="App客户端 " target="_blank">App客户端</a>
                </li>
              </ul>
            </div>
            <div class="right_common">私信</div>
            <div class="right_common loginStatus">
              <a class="" href="./login.html"> 登录</a>
              <div>
                <div class="login_sucess">
                  <div>
                    <img src="../images/index/qqimg.jpg" alt="" />
                    <svg class="icon" aria-hidden="true">
                      <use xlink:href="#icon-QQ"></use>
                    </svg>
                  </div>
                  <span>LG</span>
                </div>
                <ul class="right_select">
                  <li><a title="课程表" target="_blank">课程表</a></li>
                  <li><a title="全部订单" href="allOrder.html" target="_blank">全部订单</a></li>
                  <li>
                    <a title="退出登录" class="loginOut"
                      >退出登录</a
                    >
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </header>

      <!-- 主题 -->
    <main>
        <div class="crumbs container">
        <div>
            <span class="crumbs_title">全部课程 </span>
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-arrow-right-copy"></use>
              </svg>
            <span class="crumbs_title">IT·互联网</span>
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-arrow-right-copy"></use>
              </svg>
            <span class="crumbs_title">前端开发</span>
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-arrow-right-copy"></use>
              </svg>
            <span class="crumbs_title">技术专题课</span>
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-arrow-right-copy"></use>
              </svg>
            <span class="crumbs_title">JavaScript零基础到精通 | 事件流 | 面向对象 | 闭包 | 实战案例</span>
       </div>
    
        </div>
           <!-- 付款部分 -->
        <div class="content container">
            <!-- 左边图片 -->
            <div class="content_left">
                <img src="../images/Payvideo/tupian1.jpg">
                <div class="content_left_ensure">
                    服务承诺： 
                    <a href="javascript:;">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-baozhang"></use>
                          </svg>
                        支付保障</a> 
                        &nbsp;&nbsp;
                    <a href="javascript:;">
                        <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-tui"></use>
                          </svg>
                        七天退货</a>
                </div>
            </div>
            <!-- 右边内容 -->
            <div class="content_right">
              <div class="content_right_title">
                JavaScript零基础到精通 | 事件流 | 面向对象 | 闭包 | 实战案例
              </div>
              <div class="content_right_analyse">
                  202人购买 
                  &nbsp;&nbsp;
                  | 
                  &nbsp;&nbsp;
                  好评度- 
                  &nbsp;&nbsp;
                  | 
                  &nbsp;&nbsp;
                  <!-- 悬浮出现 -->
                  <span class="content_right_analyse_fenxiang">
                    <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-fenxiang"></use>
                  </svg>
                  分享 
                   </span>
                  &nbsp;&nbsp;
                  <span class="content_right_analyse_shouji">
                       <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shouji "></use>
                  </svg>
                  用手机看 
                  </span>
                 
                  &nbsp;&nbsp;
                  <span style="cursor:pointer;">
                   <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-shoucang"></use>
                  </svg>
                  收藏   
                  </span>
                  
              </div>
              <div class="content_right_label">
                <div class="content_right_label_text">0-3年工作经验</div>
                <div class="content_right_label_text">转行</div>
                <div class="content_right_label_text">web前端开发工程师</div>
                <div class="content_right_label_text">前端高级开发工程师</div>
              </div>
              <div class="content_right_contact">
                <div class="content_right_contact_wx">微信：XZM_BWF</div>
                <div class="content_right_contact_shuoming">支持随到随学，25年09月过期</div>
              </div>
              <div class="content_right_time">
                  <!-- 上面内容 -->
                 <div class="content_right_time_top">
                     <div>现时抢购</div>
                     <div>距离结束327天</div>
                     </div>
                       <!-- 下面内容 -->
                     <div class="content_right_time_bottom">
                    <div class="content_right_time_bottom_text">
                        ￥0.02
                       <span>￥699.00</span>
                    </div>
                    <div class="content_right_time_bottom_text2">60分钟前有人购买</div>
                 </div>  
             </div>
               <!--购买按钮  -->
               <div class="content_right_button">
                <div class="content_right_button_btn"><a href="./payer.html">立刻购买</a></div>
                <div class="content_right_button_btn">咨询</div>
               </div>
               
              </div>

              <!-- 分享弹窗 -->
              <div class="content_fenxiang">
                  <!-- 上盒子 -->
                 <div class="logo">
                     <div class="qq">
                         <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-QQ1 "></use>
                              </svg>
                         </div>
                         <div class="text">分享给qq好友</div>
                     </div>
                     <div class="wx">
                         <div class="icon1">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-QQkongjian "></use>
                              </svg>
                         </div>
                         <div class="text">分享到qq空间</div>
                     </div>
                 </div>
                 <!-- 下盒子 -->
                 <div class="erweima">
                    <div class="wxsm">
                        <div class="text">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-weixin1 "></use>
                              </svg>  
                            微信扫码</div>
                        <div><img src="../images/Payvideo/wx.png" style="width:100px"></div>
                        <div class="text1">点击保存</div>
                    </div>
                    <div class="qqsm">
                        <div  class="text">QQ扫码</div>
                        <div><img src="../images/Payvideo/qq.jpg"  style="width:100px"></div>
                        <div  class="text1">点击保存</div>
                    </div>
                 </div>
              </div>
              <!-- 用手机看弹窗 -->
              <div class="content_phone">

              </div>
            </div>
        </div>
    </main>

    <!-- 中间 -->
   <nav>
       <div class="box container">
           <!-- tab栏 -->
         <div class="left">
            <div class="tab">
                <div class="tab_list">
                  <ul>
                    <li class="current">课程概述</li>
                    <li>目录</li>
                    <li>评论(0)</li>
                  </ul>
                </div>
                <div class="tab_con">
                  <div class="item" style="display: block">
                  <div class="wx">
                     <div class="text">
                        加微信一对一答疑辅导
                      
                     </div>
                     <div class="text1">
                         联系老师
                         <svg class="icon" aria-hidden="true">
                            <use xlink:href="#icon-arrow-right-copy"></use>
                          </svg>
                     </div>
                  </div>
                  <div class="teacher">
                     <div style="line-height: 48px;">老师介绍</div>
                     <div class="teacherbox">
                         <div class="teacher_head">
                             <img src="../images/Payvideo/touxiang.jpg">
                         </div>
                         <div class="teacher_introduce ">
                             <div class="teacher_introduce_name">
                                学掌门-Blue Cat
                             </div>
                             <div class="teacher_introduce_title">
                                多年Web前端与全栈开发经验，曾任职国内一线教育培训机构教研总监，为广大学员提供专业技术指导！
                             </div>
                         </div>
                     </div>
                     <div class="teacher_synopsis">
                        <div class="teacher_synopsis_title">简介</div>
                        <div class="teacher_synopsis_content">本套视频课程系统的介绍了javascript的发展，基础语法、对象、事件、BOM和DOM、表单验证等内容，并通过一个综合的开发案例将这些知识内容贯穿了起来，以便于学习者快速的巩固javascript的知识内容。学完本课程，你可以独立的进行javascript脚本程序的开发，为深入前端的设计和开发打下良好的基础。</div>
                     </div>
                     <div style="margin-top:20px">
                         <img src="../images/Payvideo/changtu.jpg">
                     </div>
                  </div>
                </div >
                <!-- tab第二项 -->
                  <div class="item">
                    <div class="wx">
                        <div class="text">
                           加微信一对一答疑辅导
                        </div>
                        <div class="text1">
                            联系老师
                            <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-arrow-right-copy"></use>
                             </svg>
                        </div>
                     </div>

                     <div class="course">
                         <ul>
                            <li >
                                <div class="course_title">
                                    01 JavaScript简介
                                </div>
                             
                            <div class="course_data">
                               <svg class="icon" aria-hidden="true">
                                   <use xlink:href="#icon-bofang"></use>
                                 </svg>
                             【录播】使用javascript<span>(14分钟)</span>
                            </div>
                            <div class="course_data">
                               <svg class="icon" aria-hidden="true">
                                   <use xlink:href="#icon-bofang"></use>
                                 </svg>
                               【录播】录播javascript<span>(14分钟)</span>
                              </div>
                              <div class="course_data">
                               <svg class="icon" aria-hidden="true">
                                   <use xlink:href="#icon-bofang"></use>
                                 </svg>
                               【录播】认识javascript<span>(14分钟)</span>
                              </div>
                           </li>
                           <li >
                            <div class="course_title">
                                01 JavaScript简介
                            </div>
                         
                        <div class="course_data">
                           <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-bofang"></use>
                             </svg>
                         【录播】使用javascript<span>(14分钟)</span>
                        </div>
                        <div class="course_data">
                           <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-bofang"></use>
                             </svg>
                           【录播】录播javascript<span>(14分钟)</span>
                          </div>
                          <div class="course_data">
                           <svg class="icon" aria-hidden="true">
                               <use xlink:href="#icon-bofang"></use>
                             </svg>
                           【录播】认识javascript<span>(14分钟)</span>
                          </div>
                       </li>
                       <li >
                        <div class="course_title">
                            01 JavaScript简介
                        </div>
                     
                    <div class="course_data">
                       <svg class="icon" aria-hidden="true">
                           <use xlink:href="#icon-bofang"></use>
                         </svg>
                     【录播】使用javascript<span>(14分钟)</span>
                    </div>
                    <div class="course_data">
                       <svg class="icon" aria-hidden="true">
                           <use xlink:href="#icon-bofang"></use>
                         </svg>
                       【录播】录播javascript<span>(14分钟)</span>
                      </div>
                      <div class="course_data">
                       <svg class="icon" aria-hidden="true">
                           <use xlink:href="#icon-bofang"></use>
                         </svg>
                       【录播】认识javascript<span>(14分钟)</span>
                      </div>
                   </li>
                   <li >
                    <div class="course_title">
                        01 JavaScript简介
                    </div>
                 
                <div class="course_data">
                   <svg class="icon" aria-hidden="true">
                       <use xlink:href="#icon-bofang"></use>
                     </svg>
                 【录播】使用javascript<span>(14分钟)</span>
                </div>
                <div class="course_data">
                   <svg class="icon" aria-hidden="true">
                       <use xlink:href="#icon-bofang"></use>
                     </svg>
                   【录播】录播javascript<span>(14分钟)</span>
                  </div>
                  <div class="course_data">
                   <svg class="icon" aria-hidden="true">
                       <use xlink:href="#icon-bofang"></use>
                     </svg>
                   【录播】认识javascript<span>(14分钟)</span>
                  </div>
               </li>

                         </ul>
                     </div>
                  </div>
                  <div class="item">
                   <div>
                       暂无评论
                   </div>
                  </div>
                </div>
           </div>
         </div>
         <div class="right">
          <!-- 头像 -->
             <div class="touz_box">
                 
             <div class="right-titel">
                 <div><img src="../images/Payvideo/xuexi.jpg"></div>
             </div>
             <div class="right_name">学掌门</div>
             </div>
             <div class="right_comment ">
                <div class="right_comment_text">
                    <div>好评度</div>
                    <div>91%</div>
                </div>
                <div class="right_comment_text">
                    <div>课程数</div>
                    <div>14</div>
                </div>
                <div class="right_comment_text">
                    <div>学习人次</div>
                    <div>4754</div>
                </div>
             </div>
             <div class="right_text">
                学掌门，致力于打造国内知名IT职业教育平台，平台汇聚了职业 教育领域的优良师资，推出内容优质、生动实用的各类IT课程，配以多年来的培训就业经验指导，即可免去学员 舟车劳顿之苦，利用碎片化时间提升自己，又可梳理职业生涯，优化职业发展道路。与共同目标或共同兴趣的同学一起互助成长！
             </div>
             <div class="right_contact">
                 <div>联系方式</div>
                 <div>
                    <svg class="icon" aria-hidden="true">
                        <use xlink:href="#icon-shouji "></use>
                      </svg>
                     19834410925
                 </div>
             </div>
         </div>  
       </div>
       <div class="bottom-tab container">
        <div class="tab1">
            <div class="tab_list1">
              <ul>
                <li class="current">相关知识</li>
                <li>热门知识</li>
              </ul>
            </div>
            <div class="tab_con1">
              <div class="item1" style="display: block">
                <div class="item1box" >
                <div class="item1_title" >javaui</div>
               <div class="item1_title"> php培训</div>
               <div class="item1_title"> python培训</div>
               <div class="item1_title"> html5培训</div>
               <div class="item1_title"> 软件测试培训</div>
               <div class="item1_title">java杨辉三角</div>
               <div class="item1_title">物联网培训</div>
               <div class="item1_title"> java的基本类型</div>
               <div class="item1_title">人工智能培训</div>
               <div class="item1_title">java基本类型</div> 
               <div class="item1_title"> java相对路径</div>  
               <div class="item1_title"> java分词</div>  
               <div class="item1_title">java练习</div>   
               <div class="item1_title">java强制转换</div>  
               <div class="item1_title"> java导入项目</div>  
               <div class="item1_title"> 物联网</div>  

                </div>
             </div>
              <div class="item1">
                <div class="item1box2" >
                    <div class="item1_title" >php培训</div>
                   <div class="item1_title">python培训</div>
                   <div class="item1_title">html5培训</div>
                   <div class="item1_title">软件测试培训</div>
                   <div class="item1_title">物联网培训</div>
                   <div class="item1_title">人工智能培训</div>
                   <div class="item1_title"> 服装设计培训</div>
                   <div class="item1_title">ui交互设计培训</div>
                   <div class="item1_title"> 交互设计培训</div>
                   <div class="item1_title"> zbrush培训</div>  
                   <div class="item1_title">  ps教程</div>  
                   <div class="item1_title"> PS抠图教程</div>  
                   <div class="item1_title"> ps抠图</div>  
                   <div class="item1_title"> ps怎么抠图</div>  
                   <div class="item1_title"> ps新手入门</div>  
                    </div>
              </div>
            </div>
          </div>
       </div>
   </nav>
       <!-- 底部 -->
       <footer class="tx_footer_area">
        <img src="../images/index/footer.png" alt="" />
        <p>Copyright © 2020 Tencent. All Rights Reserved.</p>
        <p>
          深圳市腾讯计算机系统有限公司 版权所有 |
          <a href="./clause.html">腾讯课堂服务协议</a>
          | <a href="javascript:;">隐私政策</a> |
          <a href="javascript:;">站点地图</a> |
          <a href="javascript:;">侵权投诉</a> |
          <a href="javascript:;" rel="nofollow">问题反馈</a>
          | <a href="javascript:;">帮助</a> |
          <a href="javascript:;">涨知识</a>
        </p>
  
        <p></p>
      </footer>
    <script src="../js/jquery.min.js"></script>
    <script src="../js/base.js"></script>
    <script src="../js/Payvideo.js"></script>
  </body>
</html>
